<template>
  <div>
     
    <van-tabs route v-model="active" swipeable>
      <van-tab :to="'/group/'+item.name" v-for="(item,index) in list" :key='index' :title="item.title" @click="getHandle">
      </van-tab>
    </van-tabs>

    
    <router-view></router-view>
  </div>
</template>

<script>
export default {
 data(){
    return{
      active:0,
      list:[
        {
          id:1,
          title:'推荐',
          name:'tuijian'
        },
        {
          id:2,
          title:'美妆',
          name:'beautiful'
        },
        {
          id:3,
          title:'母婴健康',
          name:'muying'
        },
        {
          id:4,
          title:'下期预告',
          name:'next'
        },
      ]
    }
  },
  methods: {
    getHandle(){

    }
  },
}
</script>

<style>

</style>